<template>
  <a-sticky>
    <div class="header">
      <header-left :deviceIsDesktop="deviceIsDesktop"></header-left>
      <header-right :sidebarIsOpen="sidebarIsOpen"></header-right>
    </div>
  </a-sticky>
</template>

<script>
export default {
  components: {
    headerLeft: () => import("@/components/Header/HeaderLeft.vue"),
    headerRight: () => import("@/components/Header/HeaderRight.vue"),
  },
  data() {
    return {};
  },
  computed: {
    sidebarIsOpen() {
      return this.$store.state.app.sidebar.opened;
    },
    deviceIsDesktop() {
      return this.$store.state.app.device == "desktop";
    },
  },
  methods: {},
};
</script>

<style>
</style>